.mainContainer{
    font-family: verdana;
    font-size: 12px;
    background-color: white;
    width: 760px;
    margin: 0px auto;
    height: 726px;
    overflow-y: scroll;
    padding: 5px;
    vertical-align: top;
} 

.allAphorisms{
    background-color: #FDFDFD;
    margin: 5px 2px;
    padding: 5px;
    width: 400px;
    height: 700px;
    border: 1px solid black;
    display: inline-block;
    vertical-align: top;
}

.rightColumn{
    display: inline-block;
}

.rightColumn .topBlock{
    margin: 5px 2px;
    padding: 5px;
    border: 1px solid black;
    width: 300px;
    height: 300px;
}

.rightColumn .searchBlock{
    margin: 5px 2px;
    padding: 5px;
    border: 1px solid black;
    width: 300px;
    height: 300px;
}

.header{
    background-color: #fdfdfd;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    height: 30px;
    padding: 3px 10px;
    max-height: 30px;
    margin: 4px 7px;
    text-align: center;
    margin-bottom: 10px;
    
}

.header a{
    margin: 0px 10px;
}

.header .leftPart{
    border: 1px solid black;
    width: 300px;
    display: inline-block;
    margin: 2px 1px;
    padding: 5px;
}

.header .rightPart{
    margin: 2px 1px;
    padding: 5px 5px;
    width: 300px;
    border: 1px solid black;
    display: inline-block;
    
}

.allcontent{
   
   text-align: center; 
}


input { border: 1px solid gray; -moz-border-radius:2px;-webkit-border-radius:2px;}

.section{
    vertical-align: top;
}


.box{
    width: 350px;
    border: 0px solid gray;          
    display: inline-block;
    max-height: 240px;
    height: 160px;
    margin: 2px;
    vertical-align: top;
    background-color: #fdfdfd;
    -moz-border-radius:5px;-webkit-border-radius:5px;
}


.cBlue{background-color: darkseagreen;}

.f6{font-size: 6px;}
.f8{font-size: 8px;}
.f10{font-size: 10px;}

.box-footer{text-align: center;}

.box .bBody{
    height: 90px;
    max-height: 90px;
    vertical-align: bottom;
    margin: 5px;
    padding: 5px;
    text-align: left;
    overflow-y: auto;
}
.box .bHead{height: 20px; padding: 2px; font-size: 14px; max-height: 20px; overflow-y: hidden;}
.box .bHead span{color: gray;}
.box .bFoot{text-align: center; margin: 3px; padding: 3px; height: 20px;}
li{
    margin: 3px;
}

.a-gray,.a-gray:hover, .a-gray:visited{
    color: gray;
    font-size: 10px;
}

.a-grayBg,.a-grayBg:hover,.a-grayBg:visited{
    background-color: orange;
    -moz-border-radius:2px;-webkit-border-radius:2px;    
    color: gray;
    margin: 2px;
    padding: 2px 5px;
    font-size: 10px;
    color: black;
}



.a-blue,.a-blue:hover, .a-blue:visited{
    color: #3B5998;
}

.hide{
    display: none;
}

.hm20{
    margin-left: 20px;
    margin-right: 20px;
}
.hm10{
    margin: 0px 4px;
    
}

.bordered{
    background-color: #eee;
}
.f-Ver{
    font-family: Verdana;
}

.h-24{    height: 24px;}
.h-32{    height: 32px;}

.bord-1-silver{    border: 1px solid silver;}

.ahide{
    color: #222;
    text-decoration: none;
}
.ahide:hover{
    color: #222;
    text-decoration: underline;
}